html, body {position: relative;height: 100%; font-family: "微软雅黑";background: #fff;}
body {background: #fff;font-family: "微软雅黑";font-size: 0.133rem;margin: 0;padding: 0;overflow: hidden;width: 100%;}
.swiper-container {width: 100%;height: 100%;}
.swiper-slide {text-align: center;font-size: 0.15rem;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
*{webkit-tap-highlight-color: transparent;}
/*进度点处理*/
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0.18rem 0rem;}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet-active{margin: 0.18rem 0rem;}
.swiper-pagination-bullet {width:4px;height: 4px;opacity: 1; background: #3a5f0e;border-radius: 50%;}
.swiper-pagination-bullet-active {opacity: 0.5;}
.swiper-container-vertical > .swiper-pagination-bullets{right: 0.625rem;}
/*进度点处理*/
/* swiper bg*/
#jzProContainer {position: relative; width: 100%;height: 100%;}
.page{position: relative;width: 100%;height: 100%;}
.clearfloat{clear: both;}
.text_bg{position: absolute; left: 0; right: 0; margin: auto; background-position: 0 0; background-repeat: no-repeat;}
.btn_reg{margin: auto; background-position: center center; background-repeat: no-repeat;cursor: pointer;font-size: 0.2rem;color: #fff;}
.pageContent{position: relative;height: 100%;width: 10.833rem;margin: 0 auto;}
.hideBody{visibility: hidden;}
.page_headline{font-size:0.4rem;margin: 0 auto;}
.page_subtitle{font-size:0.15rem;margin: 0 auto;margin-top: 0.08rem;}
.swiper-slide .ani{-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
/*page*/
/*按钮 start*/
.set_4_button2 {
font-weight: 400;
text-align: center;
width: auto;
line-height:70px;
font-size: 21px;
overflow: hidden;
position: absolute;
z-index: 0;
cursor: pointer;
color: #fff;
border-radius: 35px;
border: solid #fff 1px;
width: 220px;
text-align: center;
font-size: 0.166rem;
width: 1.61rem;
height: 0.383rem;
line-height: 0.383rem;
border-radius: 0.084rem;
}
.set_4_button2.raised {
-moz-transition: all 0.1s;
-o-transition: all 0.1s;
-webkit-transition: all 0.1s;
transition: all 0.1s;
}
.anim {
-moz-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
position: absolute;
top: 50%;
left: 50%;
z-index: -1;
}
.anim:before {
position: relative;
content: '';
display: block;
margin-top: 100%;
}
.anim:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
border-radius: 50%;
}
.hoverable .anim {
-moz-animation: anim-out 0.75s;
-webkit-animation: anim-out 0.75s;
animation: anim-out 0.75s;
}
.hoverable .anim:after {
-moz-animation: anim-out-pseudo 0.75s;
-webkit-animation: anim-out-pseudo 0.75s;
animation: anim-out-pseudo 0.75s;
}
.hoverable .anim, .hoverable .anim:after{
animation-iteration-count: infinite;
animation-duration: 1.3s;
}
@-webkit-keyframes anim-in {
0% {
width: 0%;
}
100% {
width: 100%;
}
}
@-moz-keyframes anim-in {
0% {
width: 0%;
}
100% {
width: 100%;
}
}
@-ms-keyframes anim-in {
0% {
width: 0%;
}
100% {
width: 100%;
}
}
@keyframes anim-in {
0% {
width: 0%;
}
100% {
width: 100%;
}
}
@-webkit-keyframes anim-in-pseudo {
0% {
background: rgba(0, 0, 0, 0.25);
}
100% {
background: transparent;
}
}
@-moz-keyframes anim-in-pseudo {
0% {
background: rgba(0, 0, 0, 0.25);
}
100% {
background: transparent;
}
}
@-ms-keyframes anim-in-pseudo {
0% {
background: rgba(0, 0, 0, 0.25);
}
100% {
background: transparent;
}
}
@keyframes anim-in-pseudo {
0% {
background: rgba(0, 0, 0, 0.25);
}
100% {
background: transparent;
}
}
@-webkit-keyframes anim-out {
0% {
width: 0%;
}
100% {
width: 100%;
}
}
@-moz-keyframes anim-out {
0% {
width: 0%;
}
100% {
width: 100%;
}
}
@-ms-keyframes anim-out {
0% {
width: 0%;
}
100% {
width: 100%;
}
}
@keyframes anim-out {
0% {
width: 0%;
}
100% {
width: 100%;
}
}
@-webkit-keyframes anim-out-pseudo {
0% {
background: rgba(0, 0, 0, 0.25);
}
100% {
background: transparent;
}
}
@-moz-keyframes anim-out-pseudo {
0% {
background: rgba(0, 0, 0, 0.25);
}
100% {
background: transparent;
}
}
@-ms-keyframes anim-out-pseudo {
0% {
background: rgba(0, 0, 0, 0.25);
}
100% {
background: transparent;
}
}
@keyframes anim-out-pseudo {
0% {
background: rgba(0, 0, 0, 0.25);
}
100% {
background: transparent;
}
}
/*按钮 end*/
.btn_1.set_4_button2{
width: 1.74rem;
height: 0.42rem;
line-height: 0.41rem;
margin-top: 0.46rem;
background: none;
left: 50%;
margin-left: -0.87rem;
}
.page2 .btn2.set_4_button2{
background: none;
border-radius: 0.084rem;
}
.adv_info_shade{height: 100%;width: 100%;z-index: 999;position: fixed;background-color:black;opacity: 0.5;left: 0;top: 0;}
.adv_info{width: 804px;height: 506px;z-index: 999;position: fixed;left: 50%; top: 50%; margin-left: -402px; margin-top: -253px;background: red;background: url(//jz.faisys.com/image/baiduHome/advInfo.png?v=201905211541) no-repeat 0 0;}
.adv_info .info_btn{width: 220px;height: 50px;position: absolute;cursor: pointer;text-align: center;font-size: 16px;line-height: 50px;left: 292px;bottom: 70px;border-radius: 3px;background: #ff6600;color: #fff;}
.adv_info .info_btn2{width: 220px;position: absolute;cursor: pointer;text-align: center;font-size: 16px;text-align: center;text-decoration: underline;color: #fff;left: 292px;bottom: 40px;}
.adv_info .close{z-index: 999; width: 44px;height: 44px;position: absolute;left: 770px;top: -60px;background: url(//jz.faisys.com/image/baiduHome/advBtn.png?v=201905211541) no-repeat 0 0; cursor: pointer;}